#5E5EC2

Color Details

HEX
#5E5EC2
RGB
rgb(94, 94, 194)
HSL
hsl(240, 45%, 56%)
CMYK
cmyk(52%, 52%, 0%, 24%)
Best text on this color #FFFFFF (CR 5.45:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e5ec2
Contrast 3.86:1 Fail
White on #5e5ec2
Contrast 5.45:1 AA
#5e5ec2 on Black
Contrast 3.86:1 Fail
#5e5ec2 on White
Contrast 5.45:1 AA

Tints & Shades

#7e7ece
#9e9eda
#bfbfe7
#4b4b9b
#383874
#26264e

Complement & Analogous

#c1c15c
#8f5cc1
#5c8fc1

Triadic

#c15c5c
#5cc15c

Monochrome

#26264e #383874 #5e5ec2 #9e9eda #bfbfe7 #dfdff3

Analogous

#5c8fc1 #8db1d4 #5e5ec2 #a57dcd #8f5cc1 #724a9a

Complementary Mix

#383874 #5e5ec2 #9e9eda #c1c15c #d7d795 #7d7d3c

Nearby Colors

#5e5ec1
#5e5ec3
#5e5eb2
#5e5ed2

Embed #5E5EC2 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E5EC2

#5E5EC2 converts to RGB(94, 94, 194) and HSL(240, 45%, 56%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E5EC2 FAQs

What is the RGB value of #5E5EC2?
RGB: 94, 94, 194. Copy as CSS: rgb(94, 94, 194)
Is #5E5EC2 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E5EC2?
Complement: #c1c15c.
Does #5E5EC2 have good contrast on white or black?
On white: 5.45:1 (AA (normal text)). On black: 3.86:1 (AA (large text)).